<!DOCTYPE html>
<html lang="zh">

<head>
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta charset="utf-8">
    <title>关于兆威</title>
    <meta name="keywords" />
    <meta name="description" />
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/about.css">
</head>

<body>
    <div class="home">

        <div class="header animated fadeInUp">
            <div class="box">
                <a href="./index.html" class="logo">
                    <img src="./images/logo.svg" alt="">
                </a>
                <div class="links">
                    <div class="item">
                        <a href="./index.html">首页</a>
                    </div>
                    <div class="item">
                        <a href="./about.html" class="active">关于我们</a>
                    </div>
                    <div class="item">
                        <a href="./advantages.html">竞争优势</a>
                    </div>
                    <div class="item">
                        <a href="./products.html">产品中心</a>
                    </div>
                    <div class="item">
                        <a href="./applications.html">应用案例</a>
                    </div>
                    <div class="item">
                        <a href="./news.html">新闻中心</a>
                    </div>
                    <div class="item">
                        <a href="./contact.html">联系我们</a>
                    </div>
                    <div class="item">
                        <a href="./download.html">资料下载</a>
                    </div>
                </div>
                <div class="lan">
                    <div class="l1">
                        <p>CN</p>
                        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="9" viewBox="0 0 14 9" fill="none">
                            <path d="M12.5954 1.2985L6.96387 6.93001L1.33236 1.2985" stroke="black"
                                stroke-width="2.4" />
                        </svg>
                    </div>
                    <a href="">
                        ENGLISH
                    </a>
                </div>
            </div>
        </div>

        <div class="pheader">
            <div class="menu">
                <a href="./index.html" target="_self" class="animated fadeInUpLeft">
                    <img src="./images/logo.svg" alt="">
                </a>
                <div class="navbox">
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                </div>
            </div>
        </div>
        <div class="menuList">
            <div class="lan">
                <a href="">EN</a>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./index.html">首页</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./about.html">关于我们</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./advantages.html">竞争优势</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./products.html">产品中心</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./applications.html">应用案例</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./news.html">新闻中心</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./contact.html">联系我们</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./download.html">资料下载</a>
                </div>
            </div>
        </div>




        <div class="container">
            <div class="banner">
                <div class="bg">
                    <img src="./images/about.png" alt="">
                </div>
                <div class="text">
                    <div class="p1 wow fadeInUp">
                        <p>关于兆威</p>
                        <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none">
                            <path d="M9.59707 0L0 20H11.4054L21 0H9.59707Z" fill="#0060B0" />
                        </svg>
                    </div>
                    <div class="p2 wow fadeInUp">
                        About Us
                    </div>
                </div>
            </div>

            <div class="main">
                <div class="section1">
                    <div class="wrap">
                        <div class="title wow fadeInUp animated">
                            <h1>公司简介</h1>
                            <svg xmlns="http://www.w3.org/2000/svg" width="96" height="5" viewBox="0 0 96 5"
                                fill="none">
                                <rect width="96" height="5" fill="#0060B0"></rect>
                                <rect width="68" height="5" fill="#00A6E5"></rect>
                            </svg>
                        </div>
                        <div class="content wow fadeInUp animated">
                            <div class="left">
                                <img src="./images/logo.svg" alt="" class="img">
                                <div class="eng">SINCE</div>
                                <div class="year">2001</div>
                            </div>
                            <div class="r">
                                <img src="./images/a_tp.png" class="tp" alt="">
                                <h1>兆威集团</h1>
                                <div class="text">
                                    <p>
                                        群芯微电子的团队成员来自于国内外大型半导体公司，在集成电路芯片设计、工艺制程封装
                                        测试及应用方面拥有丰富的经验。
                                    </p>
                                    <p>
                                        芯片技术代表着世界最高水平的制造加工技术，是全球高科技国力竞争的战略必争制高点，
                                        与仅仅专注于某一项芯片技术的企业相比，群芯的光电集成电路产品几乎覆盖了芯片制造的
                                        全工艺环节。特别是所拥有的多芯片封装工艺，激光划片工艺，使得我们的产品可以快速迭
                                        代，并满足客户个性化的需求。
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="big_images wow fadeInUp animated">
                            <img src="./images/big_images.png" alt="">
                        </div>
                        <div class="message">
                            <div class="color wow fadeInUp animated">
                                兆威集团是一家集设计、研发、制造<br>于一体的微型驱动系统方案解决商
                            </div>
                            <div class="pick wow fadeInUp animated">
                                产品包括：温度传感器、距离传感器、压力传感器、光电耦合器（包括晶体管光耦、高速
                                光耦、高压光耦、栅极驱动光耦、光继电器）、MCU、电源管理芯片、MOSFET等。 群
                                芯微电子有着技术共享、平台开放、合作创新、共同发展的经营理念，推进各行业电子产
                                品向高度智能化方向发展。在应用上可以根据客户的产品进行功能定义、系统集成技术创
                                新，并提供方案参考。
                            </div>
                        </div>
                        <div class="flex wow fadeInUp animated">
                            <div class="list">
                                <div class="circle">
                                    <img src="./images/c_2.png" alt="">
                                </div>
                                <div class="black">
                                    微型传动<br>
                                    国家企业技术中心
                                </div>
                            </div>
                            <div class="list">
                                <div class="circle">
                                    <img src="./images/c_2.png" alt="">
                                </div>
                                <div class="black">
                                    国家级<br>
                                    制造业单项冠军
                                </div>
                            </div>
                            <div class="list">
                                <div class="circle">
                                    <img src="./images/c_2.png" alt="">
                                </div>
                                <div class="black">
                                    微型传动<br>
                                    中国工业大奖
                                </div>
                            </div>
                            <div class="list">
                                <div class="circle">
                                    <img src="./images/c_2.png" alt="">
                                </div>
                                <div class="black">
                                    中国专利奖<br>
                                    优秀奖
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="section2">
                    <img src="./images/sec2_bg.png" class="bg" alt="">
                    <div class="wrap">
                        <div class="title wow fadeInUp animated">
                            <h1>发展历史</h1>
                            <svg xmlns="http://www.w3.org/2000/svg" width="96" height="5" viewBox="0 0 96 5"
                                fill="none">
                                <rect width="96" height="5" fill="#0060B0"></rect>
                                <rect width="68" height="5" fill="#00A6E5"></rect>
                            </svg>
                        </div>
                        <div class="content wow fadeInUp animated">
                            <div class="swiper1 swiper-container">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <div class="year">2001</div>
                                        <img src="./images/circle.png" alt="" class="circle">
                                        <div class="color">
                                            <div class="headline">
                                                <div class="border">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="100"
                                                        viewBox="0 0 12 100" fill="none">
                                                        <rect width="2" height="88" transform="translate(5)"
                                                            fill="#00A6E5" />
                                                        <rect x="1" y="89" width="10" height="10" rx="5" fill="white"
                                                            stroke="#00A6E5" stroke-width="2" />
                                                    </svg>
                                                </div>
                                                <h1>梦想起航</h1>
                                            </div>
                                            <div class="text">
                                                奠定高端客群的领导地位完成A轮<br>融资
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="year">2013-2015</div>
                                        <img src="./images/circle.png" alt="" class="circle">
                                        <div class="color">
                                            <div class="headline">
                                                <div class="border">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="100"
                                                        viewBox="0 0 12 100" fill="none">
                                                        <rect width="2" height="88" transform="translate(5)"
                                                            fill="#00A6E5" />
                                                        <rect x="1" y="89" width="10" height="10" rx="5" fill="white"
                                                            stroke="#00A6E5" stroke-width="2" />
                                                    </svg>
                                                </div>
                                                <h1>匠心制造</h1>
                                            </div>
                                            <div class="text">
                                                三年内先后成为三协、松下、三洋<br>等知名企业供应商
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="year">2008-2011</div>
                                        <img src="./images/circle.png" alt="" class="circle">
                                        <div class="color">
                                            <div class="headline">
                                                <div class="border">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="100"
                                                        viewBox="0 0 12 100" fill="none">
                                                        <rect width="2" height="88" transform="translate(5)"
                                                            fill="#00A6E5" />
                                                        <rect x="1" y="89" width="10" height="10" rx="5" fill="white"
                                                            stroke="#00A6E5" stroke-width="2" />
                                                    </svg>
                                                </div>
                                                <h1>快速发展</h1>
                                            </div>
                                            <div class="text">
                                                引领人工智能、大数据招聘航向
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="year">2013-2015</div>
                                        <img src="./images/circle.png" alt="" class="circle">
                                        <div class="color">
                                            <div class="headline">
                                                <div class="border">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="100"
                                                        viewBox="0 0 12 100" fill="none">
                                                        <rect width="2" height="88" transform="translate(5)"
                                                            fill="#00A6E5" />
                                                        <rect x="1" y="89" width="10" height="10" rx="5" fill="white"
                                                            stroke="#00A6E5" stroke-width="2" />
                                                    </svg>
                                                </div>
                                                <h1>关键突破</h1>
                                            </div>
                                            <div class="text">
                                                2013年制定汽车电子、智慧医<br>
                                                疗、智能家居、消费电子、工业装<br>
                                                备，大行业市场布局
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="year">2018-2019</div>
                                        <img src="./images/circle.png" alt="" class="circle">
                                        <div class="color">
                                            <div class="headline">
                                                <div class="border">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="100"
                                                        viewBox="0 0 12 100" fill="none">
                                                        <rect width="2" height="88" transform="translate(5)"
                                                            fill="#00A6E5" />
                                                        <rect x="1" y="89" width="10" height="10" rx="5" fill="white"
                                                            stroke="#00A6E5" stroke-width="2" />
                                                    </svg>
                                                </div>
                                                <h1>硕果累累</h1>
                                            </div>
                                            <div class="text">
                                                拓展微型齿轮箱业务，先 后 在 2<br>
                                                0 0 8 年 、2011年进军汽车、通<br>
                                                讯行业，成为博世、华为供应商
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="Progress">
                                <div></div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="section3">
                    <div class="wrap">
                        <div class="title wow fadeInUp animated">
                            <h1>荣誉资质</h1>
                            <svg xmlns="http://www.w3.org/2000/svg" width="96" height="5" viewBox="0 0 96 5"
                                fill="none">
                                <rect width="96" height="5" fill="#0060B0"></rect>
                                <rect width="68" height="5" fill="#00A6E5"></rect>
                            </svg>
                        </div>
                        <div class="cut wow fadeInUp animated">
                            <div class="list on">发明专利</div>
                            <div class="list">知识产权</div>
                            <div class="list">PC（T国际专利）</div>
                            <div class="list">软件著作权</div>
                            <div class="list">品质认证</div>
                        </div>
                        <div class="content wow fadeInUp animated">
                            <div class="matter on">
                                <div class="swiper2 swiper-container">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <img src="./images/de_1.png" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="./images/de_1.png" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="./images/de_1.png" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="./images/de_1.png" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="./images/de_1.png" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="./images/de_1.png" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="./images/de_1.png" alt="">
                                        </div>
                                    </div>
                                </div>
                                <div class="button">
                                    <img src="./images/l.png" alt="">
                                    <img src="./images/r.png" alt="">
                                </div>
                                <div class="line">
                                    <div></div>
                                </div>
                            </div>
                            <div class="matter">
                                <div class="swiper2 swiper-container">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <img src="./images/de_1.png" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="./images/de_1.png" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="./images/de_1.png" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="./images/de_1.png" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="./images/de_1.png" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="./images/de_1.png" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="./images/de_1.png" alt="">
                                        </div>
                                    </div>
                                </div>
                                <div class="button">
                                    <img src="./images/l.png" alt="">
                                    <img src="./images/r.png" alt="">
                                </div>
                                <div class="line">
                                    <div></div>
                                </div>
                            </div>
                            <div class="matter">
                                <div class="swiper2 swiper-container">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <img src="./images/de_1.png" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="./images/de_1.png" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="./images/de_1.png" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="./images/de_1.png" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="./images/de_1.png" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="./images/de_1.png" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="./images/de_1.png" alt="">
                                        </div>
                                    </div>
                                </div>
                                <div class="button">
                                    <img src="./images/l.png" alt="">
                                    <img src="./images/r.png" alt="">
                                </div>
                                <div class="line">
                                    <div></div>
                                </div>
                            </div>
                            <div class="matter">
                                <div class="swiper2 swiper-container">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <img src="./images/de_1.png" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="./images/de_1.png" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="./images/de_1.png" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="./images/de_1.png" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="./images/de_1.png" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="./images/de_1.png" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="./images/de_1.png" alt="">
                                        </div>
                                    </div>
                                </div>
                                <div class="button">
                                    <img src="./images/l.png" alt="">
                                    <img src="./images/r.png" alt="">
                                </div>
                                <div class="line">
                                    <div></div>
                                </div>
                            </div>
                            <div class="matter">
                                <div class="swiper2 swiper-container">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <img src="./images/de_1.png" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="./images/de_1.png" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="./images/de_1.png" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="./images/de_1.png" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="./images/de_1.png" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="./images/de_1.png" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="./images/de_1.png" alt="">
                                        </div>
                                    </div>
                                </div>
                                <div class="button">
                                    <img src="./images/l.png" alt="">
                                    <img src="./images/r.png" alt="">
                                </div>
                                <div class="line">
                                    <div></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="section4">
                    <img src="./images/on4_bg.png" class="bg" alt="">
                    <div class="wrap">
                        <div class="title wow fadeInUp animated">
                            <h1>全球市场</h1>
                            <svg xmlns="http://www.w3.org/2000/svg" width="96" height="5" viewBox="0 0 96 5"
                                fill="none">
                                <rect width="96" height="5" fill="#0060B0"></rect>
                                <rect width="68" height="5" fill="#00A6E5"></rect>
                            </svg>
                        </div>
                        <div class="content">
                            <img src="./images/map2.png" class="map" alt="">
                            <div class="position">
                                <div class="point point_1 wow fadeInUp animated"><img src="./images/baise.png" alt="">
                                    <p>美国</p>
                                </div>
                                <div class="point point_2 wow fadeInUp animated" style="animation-delay: .1s"><img
                                        src="./images/baise.png" alt="">
                                    <p>加拿大</p>
                                </div>
                                <div class="point point_3 wow fadeInUp animated" style="animation-delay: .2s"><img
                                        src="./images/baise.png" alt="">
                                    <p>巴西</p>
                                </div>
                                <div class="point point_4 wow fadeInUp animated" style="animation-delay: .3s"><img
                                        src="./images/baise.png" alt="">
                                    <p>西班牙</p>
                                </div>
                                <div class="point point_5 wow fadeInUp animated" style="animation-delay: .4s"><img
                                        src="./images/baise.png" alt="">
                                    <p>中非</p>
                                </div>
                                <div class="point point_6 wow fadeInUp animated" style="animation-delay: .5s"><img
                                        src="./images/baise.png" alt="">
                                    <p>法国</p>
                                </div>
                                <div class="point point_7 wow fadeInUp animated" style="animation-delay: .6s"><img
                                        src="./images/baise.png" alt="">
                                    <p>德国</p>
                                </div>
                                <div class="point point_8 wow fadeInUp animated" style="animation-delay: .7s"><img
                                        src="./images/baise.png" alt="">
                                    <p>南非</p>
                                </div>
                                <div class="point point_9 wow fadeInUp animated" style="animation-delay: .8s"><img
                                        src="./images/baise.png" alt="">
                                    <p>印度</p>
                                </div>
                                <div class="point point_10 wow fadeInUp animated" style="animation-delay: .9s"><img
                                        src="./images/baise.png" alt="">
                                    <p>俄罗斯</p>
                                </div>
                                <div class="point point_11 wow fadeInUp animated" style="animation-delay: 1s"><img
                                        src="./images/baise.png" alt="">
                                    <p>中国 深圳</p>
                                </div>
                                <div class="point point_12 wow fadeInUp animated" style="animation-delay: 1.1s"><img
                                        src="./images/baise.png" alt="">
                                    <p>日本</p>
                                </div>
                                <div class="point point_13 wow fadeInUp animated" style="animation-delay: 1.2s"><img
                                        src="./images/baise.png" alt="">
                                    <p>澳大利亚</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="section5">
                    <div class="item wow fadeInUp animated">
                        <div class="img">
                            <img src="./images/img_1.png" alt="">
                        </div>
                        <div class="text">
                            <p>兆威德国公司 (慕尼黑)</p>
                            <div class="eng">ZWD GMBH 2019</div>
                        </div>
                    </div>
                    <div class="item wow fadeInUp animated">
                        <div class="img">
                            <img src="./images/img_2.png" alt="">
                        </div>
                        <div class="text">
                            <p>兆威苏州工厂</p>
                            <div class="eng">2023</div>
                        </div>
                    </div>
                    <div class="item wow fadeInUp animated">
                        <div class="img">
                            <img src="./images/img_3.png" alt="">
                        </div>
                        <div class="text">
                            <p>松岗工业园</p>
                            <div class="eng">2017</div>
                        </div>
                    </div>
                    <div class="item wow fadeInUp animated">
                        <div class="img">
                            <img src="./images/img_4.png" alt="">
                        </div>
                        <div class="text">
                            <p>兆威东莞制造基地</p>
                            <div class="eng">2021</div>
                        </div>
                    </div>
                    <div class="item wow fadeInUp animated">
                        <div class="img">
                            <img src="./images/img_5.png" alt="">
                        </div>
                        <div class="text">
                            <p>兆威东莞制造基地</p>
                            <div class="eng">2021</div>
                        </div>
                    </div>
                    <div class="item wow fadeInUp animated">
                        <div class="img">
                            <img src="./images/img_6.png" alt="">
                        </div>
                        <div class="text">
                            <p>兆威东莞制造基地</p>
                            <div class="eng">2021</div>
                        </div>
                    </div>
                </div>

                <div class="section6">
                    <div class="wrap">
                        <div class="title wow fadeInUp animated">
                            <h1>合作客户</h1>
                            <svg xmlns="http://www.w3.org/2000/svg" width="96" height="5" viewBox="0 0 96 5"
                                fill="none">
                                <rect width="96" height="5" fill="#0060B0"></rect>
                                <rect width="68" height="5" fill="#00A6E5"></rect>
                            </svg>
                        </div>
                        <div class="content wow fadeInUp animated">
                            <div class="item"><img src="./images/item_1.png" alt=""></div>
                            <div class="item"><img src="./images/item_2.png" alt=""></div>
                            <div class="item"><img src="./images/item_3.png" alt=""></div>
                            <div class="item"><img src="./images/item_4.png" alt=""></div>
                            <div class="item"><img src="./images/item_5.png" alt=""></div>
                            <div class="item"><img src="./images/item_6.png" alt=""></div>
                            <div class="item"><img src="./images/item_7.png" alt=""></div>
                            <div class="item"><img src="./images/item_8.png" alt=""></div>
                            <div class="item"><img src="./images/item_9.png" alt=""></div>
                            <div class="item"><img src="./images/item_10.png" alt=""></div>
                            <div class="item"><img src="./images/item_11.png" alt=""></div>
                            <div class="item"><img src="./images/item_12.png" alt=""></div>
                            <div class="item"><img src="./images/item_13.png" alt=""></div>
                            <div class="item"><img src="./images/item_13.png" alt=""></div>
                            <div class="item"><img src="./images/item_15.png" alt=""></div>
                            <div class="item"><img src="./images/item_16.png" alt=""></div>
                            <div class="item"><img src="./images/item_17.png" alt=""></div>
                            <div class="item"><img src="./images/item_18.png" alt=""></div>
                            <div class="item"><img src="./images/item_19.png" alt=""></div>
                            <div class="item"><img src="./images/item_2-.png" alt=""></div>
                            <div class="item"><img src="./images/item_21.png" alt=""></div>
                            <div class="item"><img src="./images/item_22.png" alt=""></div>
                            <div class="item"><img src="./images/item_23.png" alt=""></div>
                            <div class="item"><img src="./images/item_24.png" alt=""></div>
                            <div class="item"><img src="./images/item_25.png" alt=""></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="foot">
            <div class="line">
                <div class="l1"></div>
                <div class="l2"></div>
            </div>
            <div class="dom1">
                <div class="links">
                    <div class="item">
                        <p>关于我们</p>
                        <div class="aList">
                            <a href="">公司简介</a>
                            <a href="">发展历程</a>
                            <a href="">获得成就</a>
                        </div>
                    </div>
                    <div class="item">
                        <p>产品中心</p>
                        <div class="aList">
                            <a href="">滚筒电机</a>
                            <a href="">输送线系列</a>
                            <a href="">皮带仙系列</a>
                        </div>
                    </div>
                    <div class="item">
                        <p>新闻中心</p>
                        <div class="aList">
                            <a href="">企业新闻</a>
                            <a href="">通知公告</a>
                        </div>
                    </div>
                    <div class="item">
                        <p>主要服务</p>
                        <div class="aList">
                            <a href="">电商</a>
                            <a href="">机场</a>
                            <a href="">医疗</a>
                            <a href="">工厂</a>
                        </div>
                    </div>
                    <div class="item">
                        <p>联系我们</p>
                        <div class="aList">
                            <a href="">联系我们</a>
                        </div>
                    </div>
                </div>
                <div class="info">
                    <div class="des">
                        苏州市兆威工业科技有限公司<br>
                        江苏省苏州市高新区嘉陵江路333号
                    </div>
                    <div class="des">
                        Suzhou Zhaowei industrial Science & Technology Co.,Ltd
                        333 Jiulingjiang Road, Suzhou New District, Suzhou City, jiangsu Province
                    </div>
                    <div class="des">
                        邮箱/Email: cn.sales@szzhaowei.net
                    </div>
                </div>
                <div class="codes">
                    <div class="phone">400-0082-880</div>
                    <div class="icons">
                        <div class="i">
                            <div class="pic">
                                <img src="./images/fcode1.png" alt="">
                            </div>
                            <p>微信公众号</p>
                        </div>
                        <div class="i">
                            <div class="pic">
                                <img src="./images/fcode2.png" alt="">
                            </div>
                            <p>联系我们</p>
                        </div>
                        <div class="i">
                            <div class="pic">
                                <img src="./images/fcode3.png" alt="">
                            </div>
                            <p>抖音号</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="dom2">
                <div class="l">
                    <a href="">
                        沪公网安备 31010502005189号
                    </a>
                    <a href="">
                        沪ICP备15033725号
                    </a>
                    <p>2024 Interroll Group</p>
                </div>
                <div class="r">
                    <a href="">
                        法律声明和条款
                    </a>
                    <a href="">
                        使用条款和隐私
                    </a>
                </div>
            </div>
        </div>




    </div>
    <script src="./js/jquery-1.11.0.min.js"></script>
    <script src="./js/swiper.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/wow.min.js"></script>
    <script src="./js/countUp.js"></script>
    <script src="https://webapi.amap.com/maps?v=2.0&key=40a7cdc93577084ae7fa5ac736351276"></script>
</body>
<script>
    new WOW().init();
    new Swiper('.swiper1', {
        speed: 1000,
        slidesPerView: 5,
        spaceBetween: 24,
        loop: true,
        autoplay: {
            delay: 3000,
            stopOnLastSlide: false,
            disableOnInteraction: false,
        },
        on: {
            init() {
                var slides = $('.swiper1 .swiper-slide:not(.swiper-slide-duplicate)').length
                var w = $('.section2 .wrap .content .Progress').width()
                var index = this.realIndex + 1
                var value = index * (w / slides)
                $('.section2 .wrap .content .Progress div').css('width', value + 'px')
            },
            slideChange() {
                var slides = $('.swiper1 .swiper-slide:not(.swiper-slide-duplicate)').length
                var w = $('.section2 .wrap .content .Progress').width()
                var index = this.realIndex + 1
                var value = index * (w / slides)
                $('.section2 .wrap .content .Progress div').css('width', value + 'px')
            }
        },
        breakpoints: {
            100: {
                slidesPerView: 1,
                spaceBetween: 24,
            },
            1024: {
                slidesPerView: 5,
                spaceBetween: 24,
            },
        }
    })

    var clientWidth = document.documentElement.clientWidth


    if (clientWidth > 1024) {
        $('.swiper2').each(function (i, e) {
            new Swiper($(e)[0], {
                speed: 1000,
                // initialSlide: 3,
                centeredSlides: true,
                spaceBetween: 40,
                slidesPerView: 3,
                effect: 'coverflow',
                // slideToClickedSlide: true,
                coverflowEffect: {
                    rotate: 0,
                    stretch: 32,
                    depth: 182,
                    modifier: 2,
                    slideShadows: false,
                },
                parallax: true,
                loop: true,
                navigation: {
                    nextEl: $(e).siblings('.button').find('img:last-child')[0],
                    prevEl: $(e).siblings('.button').find('img:first-child')[0],
                },
                on: {
                    init() {
                        var slides = $(e).find('.swiper-slide:not(.swiper-slide-duplicate)').length
                        var w = $(e).siblings('.line').width()
                        var index = this.realIndex
                        var value = index * (w / slides)
                        $(e).siblings('.line').find('div').css('transform', 'translateX(' + value + 'px)')
                        $(e).siblings('.line').find('div').css('width', (index + 1) * (w / slides) + 'px')
                    },
                    slideChange() {
                        var slides = $(e).find('.swiper-slide:not(.swiper-slide-duplicate)').length
                        var w = $(e).siblings('.line').width()
                        var index = this.realIndex
                        var value = index * (w / slides)
                        $(e).siblings('.line').find('div').css('transform', 'translateX(' + value + 'px)')
                    }
                }
            })
        })
    } else {
        $('.swiper2').each(function (i, e) {
            new Swiper($(e)[0], {
                speed: 1000,
                centeredSlides: true,
                spaceBetween: 40,
                slidesPerView: 1,
                loop: true,
                navigation: {
                    nextEl: $(e).siblings('.button').find('img:last-child')[0],
                    prevEl: $(e).siblings('.button').find('img:first-child')[0],
                },
                on: {
                    init() {
                        var slides = $(e).find('.swiper-slide:not(.swiper-slide-duplicate)').length
                        var w = $(e).siblings('.line').width()
                        var index = this.realIndex
                        var value = index * (w / slides)
                        $(e).siblings('.line').find('div').css('transform', 'translateX(' + value + 'px)')
                        $(e).siblings('.line').find('div').css('width', (index + 1) * (w / slides) + 'px')
                    },
                    slideChange() {
                        var slides = $(e).find('.swiper-slide:not(.swiper-slide-duplicate)').length
                        var w = $(e).siblings('.line').width()
                        var index = this.realIndex
                        var value = index * (w / slides)
                        $(e).siblings('.line').find('div').css('transform', 'translateX(' + value + 'px)')
                    }
                }
            })
        })
    }



    $('.home .container .main .section3 .wrap .cut .list').click(function () {
        $(this).addClass('on').siblings().removeClass('on')
        $('.home .container .main .section3 .wrap .content .matter').removeClass('on').eq($(this).index()).addClass('on')
    })

    window.addEventListener('scroll', getScroll)
    var scrollTop = document.documentElement.scrollTop || document.body.scrollTop
    getScroll(scrollTop)
    function getScroll() {
        var scrollTop = document.documentElement.scrollTop || document.body.scrollTop
        var value = 1000
        var d1 = 40 + (scrollTop) / value * -40
        var d2 = -20 + (scrollTop) / value * 40
        var d3 = 80 + (scrollTop) / 500 * -80
        $('.home .container .main .section1 .wrap .content .left .img').css('transform', 'translateX(' + d1 + 'px)')
        $('.home .container .main .section1 .wrap .content .left .eng').css('transform', 'translateX(' + d2 + 'px)')
        $('.home .container .main .section1 .wrap .content .left .year').css('transform', 'translateX(' + d3 + 'px)')
    }

</script>

</html>